
body,html {
	background-color: #aaa;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

a.skt-tool-btn {
	padding: 1px 3px;
	cursor: pointer;
}

#upper-toolbar a.skt-tool-btn.tool-disabled {
	background-color: rgb(180, 180, 180);
    background-image: none;
}

#floating-toolbar a.skt-tool-btn.tool-disabled {
	background-color: rgb(180, 180, 180);
    background-image: none;
}

i.skt-icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-position: center;
	background-size: 100% 100%;
}

#upper-toolbar {
	width: 100%;
	height: 30px;
	padding: 2px 40px 2px 40px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	background: #003592;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #293e8d;
	color: white;
	z-index: 3;
}

	#upper-toolbar * {
    	display: inline-block;
    	vertical-align: middle;
    }
    
	#upper-toolbar #upper-toolbar-tools {
		position: relative; 
		float: left; 
	}
	
	#upper-toolbar #upper-toolbar-tools ul {
		margin: 0px;
		padding: 0px;
	}
	
	#upper-toolbar #upper-toolbar-users {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 2px;
	}
	
		#upper-toolbar #upper-toolbar-users-label {
		
		}
		
		#upper-toolbar #upper-toolbar-users-concurrent-list {
			display: inline-block;
			position: relative;
			margin: 0px;
		}
		
		#upper-toolbar-users-concurrent-list .editing-user {
			margin-left: 3px;
			margin-right: 3px;
			text-decoration: underline;
		}
		
		#upper-toolbar-users-concurrent-list .editing-user .icon-remove {
			text-decoration: none;
			position: relative;
			top: -1px;
			margin-left: 2px;
			margin-right: 2px;
			cursor: pointer;
		}
		
	#upper-toolbar #upper-toolbar-options {
		position: relative; 
		float: right; 
		margin-right: 80px;
		top: 2px;
	}
	
	#upper-toolbar-options .upper-toolbar-button {
		
	}
	
	#upper-toolbar-options .upper-toolbar-button.active {
		background-color: #bbddff;
	}
	
#floating-toolbar {
	border: 1px solid #777;
	border-radius: 8px;
	background-color: #003592;
	width: 100px;
	position: absolute;
	top: 150px;
	left: 400px;
	cursor: pointer;
	padding-bottom: 3px;
	z-index: 1;
}

	#floating-toolbar #floating-toolbar-top {
		display: block;
		position: relative;
		height: 36px;
	}
	
	#floating-toolbar #active-tool-icon {
		background-color: #eee;
		color: #111;
		border-radius: 15px;
		margin: 5px;
		float: left;
    }
    
    #floating-toolbar #active-tool-label {
		text-align: center;
		vertical-align: middle;
		color: #eee;
		width: 60px;
		display: inline-block;
		float: left;
		margin: 0px;
		top: 8px;
		position: relative;
    }
    
    #floating-toolbar .btn {
		margin-top: 3px;
		background-image: linear-gradient(rgb(220, 220, 220), rgb(255, 255, 255));
		padding: 1px 7px;
		text-align: center;
		vertical-align: middle;
    }
    
    #floating-toolbar .btn.btn-selected {
		background-image: linear-gradient(rgb(115, 135, 240), rgb(203, 209, 240));
      	background-color: rgb(115, 135, 240);
    }
    
    #floating-toolbar ul {
	    list-style: none outside none;
	    margin: 0px;
    }
    
    #floating-toolbar ul li {
	    display: inline-block;
    }

    #floating-toolbar #icon-active-tool {
		background-color: #eee;
		color: #111;
		padding: 3px;
		border-radius: 15px;
		position: absolute;
		right: 65px;
		top: 4px;
    }
    
    #floating-toolbar #tool-color {
		width: 26px; 
		height: 31px;
	}

#start-message {
	color: #999;
	margin: auto;
	font-size: 48px;
	text-align: center;
	margin-top: 250px;
	z-index: 0;
}

#editor {
	background-color: #fff;
	background-size: 100% 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 1024px;
	height: 672px;
	margin: auto;
	z-index: 0;
}

.dragzone {
	background:url('../images/dragbar.png');
	height:100%;
	position: absolute;
	width: 5px;
	cursor: col-resize;
}

.handle {
	cursor: pointer;
}

#slides-sidebar {
	padding: 0px;
	width: 270px;
	height: 100%;
	background: #ccc;
	border: 1px solid #29216d;
	z-index: 4;
}
	    
    #slides-sidebar #slides-sidebar-body {
    	padding: 0px;
    }
    
		#slides-sidebar .ui-accordion .ui-accordion-content{
        	padding: 0px;
        }

        #slides-sidebar .ui-widget-content {
        	border: 0px;
        	background: transparent
        }
        
        #slides-sidebar .ui-accordion .ui-accordion-header-active {
        	cursor: pointer;
        	position: relative;
        	margin-top: 1px;
        	zoom: 1;
        	font-weight: bold;
        }

        #slides-sidebar .ui-accordion-icons .ui-accordion-header a {
        	padding-left: 2.2em;
        	background-color: rgb(230, 230, 230);
        	background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255) 25%, rgb(230, 230, 230));
        	background-repeat: no-repeat;
        }
        
    #slides-sidebar .slide-type-body {
    	height: 100px;
    	max-height: 450px;
    	overflow-x: hidden;
    	overflow-y: hidden;
    }
        
    #slides-sidebar .btn-toolbar {
    	margin-top: 2px;
    	margin-bottom: 2px;
    }
    
    #slides-sidebar .room-list {
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		margin-bottom: 0px;
    }
    
    #slides-sidebar .rooms-ul {
		overflow-y: hidden;
		overflow-x: hidden;
		margin: 10px;
    }
        
	#slides-sidebar .room-list-handle {
		background-color: #999;
		bottom: 0px;
    }
    
    #slides-sidebar .room {
    	position: relative;
		width: 102px;
		height: 67px;
		background-color: white;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		border: 1px solid black;
		margin: 1px;
    }
    
    #slides-sidebar .room.selected {
		border: 1px solid blue;
    }
    
    #slides-sidebar .room.room-hover {
    	border: 1px solid yellow;
    }
    
    .dragged-room {
		width: 102px;
		height: 67px;
		background-color: #FFF;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		border: 1px solid #000;
		line-height: 20px;
		list-style: none outside none;
		color: #404040;
    }
    
    #slides-sidebar #groupal-slides-body {
    	width: 100%;
		overflow-y: hidden;
		overflow-x: hidden;
		margin-bottom: 0px;
    }
    
    #slides-sidebar #groups-list {
    	height: 70px;
    	margin-top: 4px;
    	overflow-x: hidden;
    	overflow-y: auto;
    }

	#slides-sidebar .group-slides-container {
		margin-top: 1px;
		margin-bottom: 1px;
	}
	
	#slides-sidebar .group-slides-container-header {
		background-color: #e2e2e2;
		cursor: pointer; 
	}
	
	#slides-sidebar .group-slides-container-header-toggler {
	
	}
	
	#slides-sidebar .triangle-toggle-icon {
		float: left;
		position: relative;
		top: 2px;
		display: inline-block;
	}
	
	#slides-sidebar .group-type-icon {
		position: relative;
		top: 2px;
		display: inline-block;
	}
	
	#slides-sidebar .group-slides-container-group-name {
	
	}
	
	#slides-sidebar .group-add-slide-button {
		float: right;
		margin: 2px;
		margin-right: 5px;
	}


    
#icon-signout {
	cursor: pointer;
}

#users-sidebar {
	padding: 0 0 0 3px;
	width: 295px;
	height: 100%;
	background: #ccc;
	border: 1px solid #29216d;
	z-index: 4;
}

	#users-sidebar #users-sidebar-top #login-data {
		font-size: 11pt;
		font-weight: bold;
		color: #777;
		line-height: 18pt;
		border: 1px solid #aaa;
		border-radius: 14px;
		padding: 6px 8px;
		width: 273px;
		text-align: center;
	}

		#users-sidebar #users-sidebar-top #login-data #login-data-name	{
			text-transform: capitalize;
			font-size: 11pt;
			color: #555;
		}
		
	#users-sidebar #users-sidebar-body-list {
		width: 150px;
		float: left;
		height: 100%;
	} 
		
	#users-sidebar #users-sidebar-body-groups {
		width: 142px; 
		float: left;
		height: 100%;
	}
	
	#users-sidebar .ui-widget-content {
       	background: transparent;
       	padding: 3px 0px 3px 0px;
	}
	
	#users-sidebar .btn-toolbar {
		margin: 0px;
	}
	
	#users-sidebar-body-list-ul {
	    height: 100%;
	    overflow-y: auto;
  	}
  	
  	#users-sidebar-body-list-ul li {
	    border: 1px solid #aaa;
	    max-height: 50px;
	    border-radius: 5px;
	    margin-bottom: 1px;
	    overflow: hidden;
	    text-transform: capitalize;
	    background-color: #ddd;
	    text-align: center;
	    color: #555;
	    cursor: pointer;
  	}
	
	#users-sidebar-body-list-ul li > a {
		color: #555;
	}
	
	#users-sidebar .user-status {
	    font-size: 25px;
	    float: right;
	    text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999;
	    color: #999;
	}
	
	#users-sidebar .user-status-online {
	    color: #0ff801;
	}
	  
	#users-sidebar .user-status-attention {
	  	color: #fffa6d;
	}

  	
  	.dragged-student-li {
  		border: 1px solid #aaa;
	    max-height: 50px;
	    border-radius: 5px;
	    margin-bottom: 1px;
	    overflow: hidden;
	    text-transform: capitalize;
	    background-color: #ddd;
	    text-align: center;
	    color: #555;
	    cursor: pointer;
	    width: 148px;
	    height: 35px;
	    color: #555;
	    text-decoration: none;
	    line-height: 20px;
  	}
  	
  	.dragged-student-li > a {
  		color: #555;
	    text-decoration: none;
	    line-height: 20px;
  	}
  	
  	.dragged-student-li .user-status {
  		font-size: 25px;
	    float: right;
	    text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999;
	    color: #999;
  	}
  	
  	.dragged-student-li .user-status-online {
  		color: #0ff801;
  	}
  	
  	.dragged-student-li .user-status-attention {
  		color: #fffa6d;
  	}
  	
	
	#users-sidebar .group {
		margin-top: 1px;
		margin-bottom: 1px;
	}

	#users-sidebar .group-header {
		background-color: #eee;
		border: 1px solid #aaa;
		padding-top: 4px;
		padding-bottom: 4px;
		font-weight: bold;
	}
	
	#users-sidebar .group-body {
		border: 1px solid #aaa;
		border-top: none;
		background-color: #ddd;
		margin: 0px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	#users-sidebar .group.group-hover .group-header {
		border: 1px solid blue;
		border-bottom: 1px solid #aaa;
		color: blue;
	}
	
	#users-sidebar .group.group-hover .group-body {
		border: 1px solid blue;
		border-top: none;
	}
	
	#users-sidebar .group-body li {
		list-style: none;
	}
	
	#users-sidebar .usersidebar-alert {
		width: auto;
	}
	
	#users-sidebar .usersidebar-alert .btn-group {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
	}
	
	

i.skt-icon-undo {
	 background-image: url('../images/toolbar/9.png');
}
		
i.skt-icon-redo {
	 background-image: url('../images/toolbar/8.png');
}
		
i.skt-icon-copy {
	 background-image: url('../images/toolbar/12.png');
}
		
i.skt-icon-paste {
	 background-image: url('../images/toolbar/13.png');
}
		
i.skt-icon-export {
	 background-image: url('../images/toolbar/7.png');
}
		
i.skt-icon-clear {
	 background-image: url('../images/toolbar/4.png');
}
		
i.skt-icon-select {
	 background-image: url('../images/toolbar/10.png');
}
		
i.skt-icon-pen {
	 background-image: url('../images/toolbar/5.png');
}
		
i.skt-icon-erase {
	 background-image: url('../images/toolbar/14.png');
}
		
i.skt-icon-text {
	 background-image: url('../images/toolbar/1.png');
}
		
i.skt-icon-zoom-in {
	 background-image: url('../images/toolbar/2.png');
}
		
i.skt-icon-zoom-out {
	 background-image: url('../images/toolbar/3.png');
}
		
i.skt-icon-pan {
	 background-image: url('../images/toolbar/11.png');
}

#tool-import {
	font-size: 23px;
}